@extends('home/myhouse/layout')
@section('title','订单详情')
@section('content')
    <div id="container">
        <div class="emph-wrap">
            <div class="w">
                <div class="emph-tips">
                    <b></b>重要提醒：本商城及销售商不会以订单异常、系统升级为由，要求您点击任何网址链接进行退款操作。烦请关注京东平台
                </div>
            </div>
        </div>
        <div class="w">
            <div class="main">
                <div class="breadcrumb">我的小屋<span>&nbsp;&gt;&nbsp;<a href="/home/myhouse/order/index">订单中心</a>&nbsp;&gt;&nbsp;<strong>订单：{{$data->order_id}}</strong></span>
                </div>
                <!--变量-->
                <span id="pay-button-order" style="display:none"></span>
                <div class="m order-state order-state01">
                    <div class="mc state-cont">
                        <!-- 工具条 -->
                        <div class="state-lcol">
                            <div class="state-top">订单号：{{$data->order_id}}</div>
                            <h3 class="state-txt ftx-02">{{$data->state}}</h3>
                            <br>
                            <span class="remain-time" style="display: none"><b></b></span>
                            <div class="state-btns"
                            @if($data->ord_state==1)
                                style="display: block"
                            @endif
                            >
                                <a id="pay-button-19170561658" class="btn-1 " style="display:none" href="#none">付款</a>
                            </div>
                        </div>
                        <!-- 进度条 -->
                        <div class="state-rcol">
                            <div class="state-rtop">
                                <!--提示信息 -->
                                <div class="ftx-03">

                                    @if($data->ord_state == 5)
                                        订单已经完成，感谢您在京东商城购物，欢迎您对本次交易及所购商品进行评价。
                                    <span class="ftx-05">
                                        <a href="/comment/take/edit/{{$data->order_id}}"
                                                target="_blank">发表评价</a></span>
                                    @endif
                                    @if($data->ord_state == 6)
                                        订单已经完成，感谢您在京东商城购物，欢迎您对本次交易及所购商品进行评价。
                                        <span class="ftx-05">
                                    <a href="/comment/take/edit/{{$data->order_id}}"
                                       target="_blank">追加评论</a></span>
                                    @endif
                                </div>
                            </div>
                            <!--进度条 -->

                            <div id="process-04" class="order-process">
                                <div class="node ready"><i
                                            @if($data->ord_state=='1')
                                            class="node-icon icon-finish"
                                            @else
                                            class="node-icon icon-store"
                                            @endif
                                    ></i>
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                        <li class="txt2">提交订单</li>
                                        <li id="track_time_0" class="txt3"></li>
                                    </ul>
                                </div>
                                <div class="proce done">
                                    <ul>
                                        <li class="txt1"></li>
                                    </ul>
                                </div>
                                <div class="node ready"><i
                                            @if($data->ord_state=='2')
                                            class="node-icon icon-finish"
                                            @else
                                            class="node-icon icon-store"
                                            @endif
                                    ></i>
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                        <li class="txt2">付款成功</li>
                                        <li id="track_time_4" class="txt3"></li>
                                    </ul>
                                </div>
                                <div class="proce done">
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                    </ul>
                                </div>
                                <div class="node ready"><i class="node-icon icon-store"></i>
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                        <li class="txt2">商品出库</li>
                                        <li id="track_time_1" class="txt3"></li>
                                    </ul>
                                </div>
                                <div class="proce done">
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                    </ul>
                                </div>
                                <div class="node ready"><i
                                            @if($data->ord_state=='3')
                                            class="node-icon icon-finish"
                                            @else
                                            class="node-icon icon-store"
                                            @endif
                                    ></i>
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                        <li class="txt2">等待收货</li>
                                        <li id="track_time_5" class="txt3"></li>
                                    </ul>
                                </div>
                                <div class="proce done">
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                    </ul>
                                </div>
                                <div class="node ready"><i
                                @if($data->ord_state == '4')
                                            class="node-icon icon-finish"
                                @else
                                        class="node-icon icon-store"
                                @endif
                                ></i>
                                    <ul>
                                        <li class="txt1">&nbsp;</li>
                                        <li class="txt2">完成</li>
                                        <li id="track_time_6" class="txt3"></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="state-others">
                                <span class="txt hide">完成订单可获得：</span>
                                <a href="#none " class="btn-bean mr10 hide" clstag='click|keycount|orderinfo|xqjingdou'><b></b>京豆</a>
                                <a href="#none " class="btn-coupon mr10 hide"
                                   clstag='click|keycount|orderinfo|xqyouhuiquan'><b></b>优惠券</a>
                                <a href="#none " class="btn-rank mr10 hide"
                                   clstag='click|keycount|orderinfo|xqchengzhangzhi'><b></b>会员成长值</a>
                            </div>

                        </div>


                    </div>
                    <div class="mb"></div>
                </div>
                <!-- 订单跟踪及安装跟踪 -->
                <input type="hidden" value="2016-05-17 12:45:31" id="datesubmit-19170561658">
                <!--  /widget/order-track/order-track.tpl -->
                <div class="order-track order-track-02 m">
                    <div class="mt">
                        <div class="track-tab">
                            <ul>
                                <li class="tab-item curr" style="display:none;">
                                    订单跟踪
                                </li>
                                <li class="tab-item" style="display:none;">安装跟踪</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 订单跟踪 -->
                    <div class="mc">
                        <div class="track-cont J-delivery-track">
                            <div class="track-lcol">
                                <div class="p-item">
                                    <div class="p-img" clstag='click|keycount|orderinfo|xqgenzongshangpintupian'><a
                                                href="/single/{{$data->res['0']->pro_id}}">
                                        <img src="/uploads/product/logo_pic/{{$data->res['0']->logo_pic}}" alt=""></a>
                                    </div>
                                    <div class="p-info">
                                        <ul>

                                            <li>
                                                送货方式：{{$data->logistics_name}}
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="track-rcol">
                                <div class="track-list">
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                            <div class="clr"></div>

                            <div class="gis-box" style="display:none">
                                <b class="gis-arr"></b>
                            </div>

                        </div>
                        <!-- 安装跟踪 -->
                        <div class="track-cont J-install-track" style="display:none">
                            <div class="track-lcol">
                                <div class="install-list" id="install-scrollbar">

                                </div>
                            </div>
                            <div class="track-rcol">
                                <div class="track-list">
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
                <!--/ /widget/order-track/order-track.tpl -->
                <!--订单信息-->

                <!--  /widget/order-info/order-info.tpl -->

                <div class="m order-info-mod">
                    <div class="order-info mc">
                        <div class="ui-switchable-body">
                            <div class="ui-switchable-panel-main">
                                <div class="ui-switchable-panel">
                                    <!-- 收货人信息 -->
                                    <div class="dl">
                                        <div class="dt">

                                            <h4>收货人信息</h4>

                                        </div>
                                        <div class="dd">
                                            <div class="item">

                                     <span class="label">
						            收货人：
					                </span>

                                        <div class="info-rcol">
                                                {{$data->consignee}}
                                        </div>
                                            </div>
                                            <div class="item">
					<span class="label">
						地址：
					</span>
                                                <div class="info-rcol">
                                                    {{$data->con_region_add}}{{$data->con_address}}
                                                </div>
                                            </div>
                                            <div class="item">
					<span class="label">
						手机号码：
					</span>
                                                <div class="info-rcol">
                                                    {{$data->con_phone}}
                                                </div>
                                            </div>


                                        </div>
                                    </div>                    <!-- 配送信息 -->
                                    <div class="dl">
                                        <div class="dt">
                                            <h4>配送信息</h4>
                                        </div>
                                        <div class="dd">
                                            <div class="item">
                        <span class="label">
                            配送方式：
                        </span>
                                                <div class="info-rcol">
                                                    {{$data->logistics_name}}
                                                </div>
                                            </div>


                                            <div class="item">
                        <span class="label">
                            运费：
                        </span>
                                                <div class="info-rcol">
                                                    &yen;{{$data->freight}}
                                                </div>
                                            </div>

                                        </div>
                                    </div>                    <!-- 付款信息 -->
                                    <div class="dl" id="pay-info">
                                        <div class="dt">
                                            <h4>付款信息</h4>
                                        </div>
                                        <div class="dd">
                                            <div class="item">
					<span class="label">
						付款方式：
					</span>
                                                <div class="info-rcol">
                                                    {{$data->pay_mod_id}}
                                                </div>
                                            </div>

                                            <div class="item">
					<span class="label">
						付款时间：
					</span>
                                                <div class="info-rcol">
                                                    {{date('Y-,-d H:i:s',$data->otime)}}
                                                </div>
                                            </div>

                                            <div class="item">
					<span class="label">
						商品总额：
					</span>
                                                <div class="info-rcol">
						<span class="f-price">
                            &yen;{{$data->total_price}}
						</span>
                                                </div>
                                            </div>

                                            <div class="item">
					<span class="label">
						应支付金额：
					</span>
                                                <div class="info-rcol">
						<span class="f-price">
                            &yen;{{$data->total_price}}
						</span>
                                                </div>
                                            </div>


                                            <div class="item">
					<span class="label">
						运费金额：
					</span>
                                                <div class="info-rcol">
                    <span class="f-price">
                        &yen;{{$data->freight}}
                    </span>
                                                </div>
                                            </div>
                                            {{--<div class="item">--}}
                                                {{--<span class="label">--}}
                                                    {{--优惠券：--}}
                                                {{--</span>--}}
                                                 {{--<div class="info-rcol">--}}
                                                {{--<span class="f-price">--}}
                                                    {{--&yen;0.00--}}
                                                {{--</span>--}}
                                                {{--</div>--}}
                                            {{--</div>--}}
                                        </div>
                                    </div>                    <!-- 发票信息 -->
                                    <div id="J-invoice-info" class="dl">
                                        <div class="dt">
                                            <h4>发票信息</h4>
                                        </div>
                                        <div class="dd">
                                            <div class="item">
                        <span class="label">
                            发票类型：
                        </span>
                                                <div class="info-rcol">
                                                    不开发票
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ui-switchable-panel">
                                    <!-- 礼品购订单展示送礼人信息 -->
                                    <!-- 节能补贴信息 -->
                                    <!-- 订单留言 -->
                                    <!--备注-->
                                </div>
                            </div>
                            <div class="info-page">
                                <a href="javascript:void(0)" class="info-prev" style="display:none;">&lt;</a>
                                <a href="javascript:void(0)" class="info-next" style="display:none;" title="查看更多信息">
                                    &gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--进度条预计功能使用--><input type="hidden" id="orderStatus" value="18"/>
                <!--/ /widget/order-info/order-info.tpl -->
                <!--商品 及 金额 -->
                <!--  /widget/order-goods/order-goods.tpl -->
                <input id="venderId" value="51168" style="display:none;"/>
                <div class="order-goods m">

                    <div class="mt goods-head">
                        <div id="im"></div>
                    </div>

                    <div class="mc">
                        <div class="goods-list ">
                            <table class="tb-void tb-order">
                                <colgroup>
                                    <col class="grap">
                                    <col class="col-goods">
                                    <col class="col-number">
                                    <col class="col-price">
                                    <col class="col-amount">
                                    <col class="col-bean">

                                    <col class="col-ops">
                                    <col class="grap">
                                </colgroup>
                                <thead>
                                <tr>
                                    <th class="grap"></th>
                                    <th>商品</th>
                                    <th>商品编号</th>
                                    <th>京东价</th>
                                    <th>商品数量</th>
                                    <th>京豆</th>
                                    <th>操作</th>
                                    <th class="grap"></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($data->res as $arr)
                                <tr class="first-tr product-1791984719">
                                    <td class="grap"></td>
                                    <td>
                                        <div class="p-item" clstag='click|keycount|orderinfo|xqliebiaoshangpin'>
                                            <div class="p-img">
                                                <a href="/single/{{$arr->pro_id}}" target="_blank">
                                                    <img class=""
                                                         src="/uploads/product/logo_pic/{{$arr->logo_pic}}" data-lazy-img="done" width="60" height="60">
                                                </a>
                                            </div>
                                            <div class="p-info">
                                                <div class="p-name"><a href="#"
                                                                       class="a-link" target="_blank"
                                                                       title="">{{$arr -> title}}</a></div>
                                                <div class="clr"></div>
                                                <div id="coupon_1791984719" class="fl"></div>
                                                <div class="p-extra">
                                             <span class="txt">
                                                 {{$arr->cosir_id}}
                                             </span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        {{$data->con_phone}}
                                    </td>
                                    <td>
                                <span class="f-price">
                                    &yen;{{$data->total_price}}
                                </span>
                                    </td>
                                    <td>{{$arr->buynum}}</td>
                                    {{--<td id="jingdou-1791984719">0</td>--}}
                                    <td>
                                        <div class="p-btns">
                                            <!-- 根据订单类型屏蔽pop延保商品操作,只显示评价 -->
                                            <a href="//myjd.jd.com/repair/ordersearchlist.action?searchString=19170561658"
                                               target="_blank" class="link-btn mt10"
                                               clstag='click|keycount|orderinfo|product_repair'>申请返修/退换货</a><br>
                                            <a href="#"
                                               class="mt10 btn-again"><b></b>立即购买</a><br>
                                        </div>
                                        <a href="#none" class="btn-scan mt10 hide"><b></b>查询条形码</a><br>
                                    </td>
                                    <td class="grap"></td>
                                </tr>
                                @endforeach
                                <!-- 商家运费险  -->
                                <input type="hidden" id="venderIdListStr" value="51168">
                                </tbody>
                            </table>
                        </div>

                        <!-- 金额 -->
                        <div class="goods-total">
                            <ul>
                            <ul>
                                <li>
                                    <span class="label">商品总额：</span>
                                    <span class="txt">&yen;{{$data->total_price}}</span>
                                </li>
                                {{--<li>--}}
                                    {{--<span class="label">商品优惠：</span>--}}
                                    {{--<span class="txt">-&yen;40.00</span>--}}
                                {{--</li>--}}
                                <li>
                                    <span class="label">运　　费：</span>
                                    <span class="txt">&yen;{{$data->freight}}</span>
                                </li>
                                <li class="ftx-01">
                                    <span class="label">应付总额：</span>
                                    <span class="txt count">&yen;{{$data->total_price}}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--/ /widget/order-goods/order-goods.tpl -->                        <!--常见问题-->
                <!--  /widget/ui-slidebar/ui-slidebar.tpl -->
                <div class="ui-slidebar" clstag='click|keycount|orderinfo|xqchangjianwenti'>
                    <div class="dl">

                        <div class="dd">
                            <ul>
                                <li>
                                    <div class="service-txt" id="wx-qrcode"><a href="#none" class="service"></a><b></b>
                                    </div>
                                    <div class="service-cont">
                                        <h4>微信扫描随时随地查订单</h4>
                                        <img src="//misc.360buyimg.com/user/myjd-2015/css/i/loading.gif" alt="">

                                    </div>
                                </li>
                                <li>
                                    <a href="//surveys.jd.com/index.php?r=survey/index/sid/682448/lang/zh-Hans"
                                       class="feedback"></a>
                                </li>
                                <li>
                                    <a href="#none" class="backtop"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--/ /widget/ui-slidebar/ui-slidebar.tpl -->        </div>
        </div>
    </div>
    <script type="text/javascript" src="/home/myhouse/assets/js/order_show.js" charset="gb2312"></script>
    <script type="text/javascript" src="//static.360buyimg.com/im/js/im_icon.js" charset="gb2312"></script>
    <script>
    </script>
    <script>
        seajs.use(['user/order/0.0.1/js/main', 'user/myjd/lib/1.0.0/widget/global/global'], function (orderDetailsPage, myjdGloblal) {
            orderDetailsPage.init();
            myjdGloblal();
        });
    </script>

    </body>
    </html>

@stop